<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport"
	content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0" />
<meta name="mobileOptimized" content="240" />
<meta name="divat-detection" content="telephone=no" />
<link rel="stylesheet" href="style/bootstrap.css" />
<link rel="stylesheet" href="style/base.css" />
<link rel="stylesheet" href="style/addjban.css" />
<title>Insert title here</title>
</head>

<body>
	<!-- 导航-->
	<div class="navbar">
		<div class="navbar-inner">
			<div class="container">
				<a class="brand" href="#">结伴</a>
				<ul class="nav">
					<li class="active"><a href="#">首页</a></li>
					<li><a href="#">活动</a></li>
					<li><a href="#">朋友</a></li>
				</ul>
				<div class="navbar-search pull-left">
					<div class="input-append">
						<input class="span2" placeholder="搜搜你想要的活动..."
							id="appendedInputButton" size="16" type="text">
						<button class="btn" type="button">
							<i class="icon-search icon-white"></i>
						</button>
					</div>
				</div>
				<div class="pull-right user-status-bar">
					<a href="" class="status-a">注册</a> <a href="" class="status-a">登陆</a>
				</div>
			</div>
		</div>
	</div>
	<!-- 导航 /-->
	<!-- 主体内容 -->
	<div class="container">
		<div class="row">
			<div class="title">
				<h2>结伴登陆</h2>
			</div>
			<div class="img_box">
				<div class="img_box_01">
					<span class=" f30px">随机选择</span>封面
				</div>
				<div class="img_box_02">
					<span class=" f48px">选择封面</span>
				</div>
				<div class="img_box_03">
					<span class=" f48px">自己</span>上传封面
				</div>
			</div>
			<div class="cont">
				<div class="tabbable mynav">
					<!-- Only required for left/right tabs -->
					<ul class="nav nav-tabs">
						<li class="active"><a href="#tab1" data-toggle="tab">基本信息</a></li>
						<li><a href="#tab2" data-toggle="tab">扩展信息</a></li>
						<li><a href="#tab3" data-toggle="tab">活动照片</a></li>
					</ul>
					<div class="tab-content">
						<div class="tab-pane active" id="tab1">
							<div class="row">
								<div class="span8">
									<form class="form-horizontal">
										<fieldset>
											<div class="control-group">
												<label class="control-label">标题：</label>
												<div class="controls">
													<input class="span5" type="text">
													<p class="help-p">还能输入20字</p>
												</div>
											</div>
											<div class="control-group">
												<label class="control-label">时间：</label>
												<div class="controls form-inline">
													<input class="input-small" type="text"
														placeholder="2012-08-05"> <select class="span0">
														<option>0</option>
														<option>2</option>
														<option>3</option>
														<option>4</option>
														<option>5</option>
													</select> ： <select class="span0">
														<option>0</option>
														<option>2</option>
														<option>3</option>
														<option>4</option>
														<option>5</option>
													</select> 到 <input class="input-small" type="text"
														placeholder="2012-08-05"> <select class="span0">
														<option>0</option>
														<option>2</option>
														<option>3</option>
														<option>4</option>
														<option>5</option>
													</select> ： <select class="span0">
														<option>0</option>
														<option>2</option>
														<option>3</option>
														<option>4</option>
														<option>5</option>
													</select>
												</div>
											</div>
											<div class="control-group">
												<label class="control-label">报名截止：</label>
												<div class="controls">
													<input class="input-small" type="text"
														placeholder="2012-08-05"> <select class="span0">
														<option>0</option>
														<option>2</option>
														<option>3</option>
														<option>4</option>
														<option>5</option>
													</select> ： <select class="span0">
														<option>0</option>
														<option>2</option>
														<option>3</option>
														<option>4</option>
														<option>5</option>
													</select>

												</div>
											</div>

											<div class="control-group">
												<label class="control-label">人均预算：</label>
												<div class="controls">
													<input class="span2" type="text" placeholder="不填默认为免费活动">

												</div>
											</div>

											<div class="control-group">
												<label class="control-label">活动类型：</label>
												<div class="controls">
													<select class="input-small">
														<option>游山玩水</option>
														<option>2</option>
														<option>3</option>
														<option>4</option>
														<option>5</option>
													</select>

												</div>
											</div>

											<div class="control-group">
												<label class="control-label">集合地点：</label>
												<div class="controls">
													<input class="span5" type="text">
													<p class="help-p">还能输入50字</p>
												</div>
											</div>

											<div class="control-group">
												<label class="control-label">活动地点：</label>
												<div class="controls">
													<input class="span5" type="text">
													<p class="help-p">还能输入50字</p>
												</div>
											</div>

											<div class="control-group">
												<label class="control-label">活动简介：</label>
												<div class="controls">
													<textarea class="span5" rows="5"></textarea>
													<p class="help-p">还能输入1500字</p>
												</div>
											</div>

											<div class="control-group">
												<label class="control-label">联系方式：</label>
												<div class="controls">
													<p class="help-inline">手机</p>
													<input class="span2" type="text" placeholder="11位数字">

												</div>
											</div>

										</fieldset>
									</form>
								</div>
							</div>
							
						</div>
						<div class="tab-pane" id="tab2">
							<div class="row">
								<div class="span9">
									
										<fieldset>


											<div class="control-group input_bottom_border">
												<label class="control-label">活动类型：</label>
												<div class="controls">
													<select class="input-small">
														<option>游山玩水</option>
														<option>2</option>
														<option>3</option>
														<option>4</option>
														<option>5</option>
													</select>

												</div>
											</div>

										</fieldset>
								
									<h2>活动标签</h2>
									<ul class="tag_ul  input_bottom_border clearfix">
										<li><a class="activity_tag" href="#">旅游</a></li>
										<li><a class="activity_tag" href="#">越野</a></li>
										<li><a class="activity_tag" href="#">骑行</a></li>
										<li><a class="activity_tag" href="#">攀岩</a></li>
										<li><a class="activity_tag" href="#">摄影</a></li>
										<li><a class="activity_tag activity_tag_mr" href="#">美图</a></li>
										<li><a class="activity_tag" href="#">钓鱼</a></li>
										<li><a class="activity_tag" href="#">滑雪</a></li>
										<li><a class="activity_tag" href="#">登山</a></li>
										<li><a class="activity_tag" href="#">露营</a></li>
										<li><a class="activity_tag" href="#">探险</a></li>
										<li><a class="activity_tag" href="#">徒步</a></li>
										<li><a class="activity_tag" href="#">自驾</a></li>
										<li><a class="activity_tag" href="#">运动</a></li>
										<li><a class="activity_tag" href="#">汽车</a></li>
										<li><a class="activity_tag" href="#">街拍</a></li>
										<li><a class="activity_tag" href="#">自拍</a></li>
										<li><a class="activity_tag" href="#">美食</a></li>
										<li><a class="activity_tag" href="#">影视</a></li>
										<li><a class="activity_tag" href="#">音乐</a></li>
										<li><a class="activity_tag activity_tag_mr" href="#">美图</a></li>
										<li><a class="activity_tag" href="#">添加</a></li>

									</ul>

									<h2>活动备注</h2>
									<div class="control-group input_bottom_border">

										<div class="controls"
											style="margin-left: 15px; margin-top: 20px; margin-bottom: 20px;">
											<textarea class="span5" rows="3"></textarea>

										</div>

									</div>


								</div>
							</div>

						</div>
						<div class="tab-pane" id="tab3">
							<!-- 活动上传图片  -->
							<div class="row">
								<a class="upload_img" href="#">上传新照片</a>
								<div class="span11">
									<ul class="thumbnails">
										<li class="span2"><a class="thumbnail" href="#"> <img
												src="style/images/activity_img_07.png" width="160"
												height="120">
										</a></li>
										<li class="span2"><a class="thumbnail" href="#"> <img
												src="style/images/activity_img_09.png" width="160"
												height="120"></a></li>
										<li class="span2"><a class="thumbnail" href="#"> <img
												src="style/images/activity_img_11.png" width="160"
												height="120">
										</a> </li>
										<li class="span2"><a class="thumbnail" href="#"> <img
												src="style/images/activity_img_13.png" width="160"
												height="120">
										</a> </li>

										<li class="span2"><a class="thumbnail" href="#"> <img
												src="style/images/activity_img_19.png" width="160"
												height="120">
										</a> </li>
										<li class="span2"><a class="thumbnail" href="#"> <img
												src="style/images/activity_img_20.png" width="160"
												height="120">
										</a> </li>
										<li class="span2"><a class="thumbnail" href="#"> <img
												src="style/images/activity_img_21.png" width="160"
												height="120">
										</a></li>
										<li class="span2"><a class="thumbnail" href="#"> <img
												src="style/images/activity_img_22.jpg" width="160"
												height="120">
										</a> </li>
										<li class="span2"><a class="thumbnail" href="#"> <img
												src="style/images/activity_img_11.png" width="160"
												height="120">
										</a></li>
										<li class="span2"><a class="thumbnail" href="#"> <img
												src="style/images/activity_img_13.png" width="160"
												height="120">
										</a> </li>

									</ul>
								</div>
							</div>
							<!-- 活动上传图片  /-->
						</div>
					</div>
				</div>


			</div>
		</div>
	</div>
</body>
<!-- 主体内容 /-->
<!-- 尾部 -->
<footer class="footer container">
	<div style="padding: 0 28px;">
		<div class="fl footer-links">
			<a href="http://www.howzhi.com/info/about">关于结伴</a><a
				href="http://www.howzhi.com/daren/">结伴达人</a><a
				href="http://www.howzhi.com/info/contact">联系我们</a><a
				href="http://www.howzhi.com/info/links">友情链接</a><a
				href="/group/feedback/">意见反馈</a><br> <span class="copyright">©2011
				HOWZHI.COM<a href="http://www.miibeian.gov.cn">浙ICP备1102461</a>
			</span>
		</div>
	</div>
</footer>
<!-- 尾部 /-->

<!-- script 脚本-->
<script type="text/javascript" id="seajsnode" src="js/sea.js"></script>
<script type="text/javascript">
seajs.config({preload: ['seaplugin/plugin-text']});
</script>
<script type="text/javascript">
seajs.use('login', function(login) {
	login.init();
});
</script>

<!-- script 脚本/-->
</html>